* {
	padding: 0;
	margin: 0;

}



.head {
	width: 100%;
	height: auto;
}

.header {
	width: 90%;
	margin: 0 auto;
	height: auto;
	box-sizing: border-box;

	display: flex;
	justify-content: space-between;
}

.noe {
	display: none;
}

.tuimg {
	display: flex;
}

.tuimg img {
	width: 100px;
	height: 80px;
}

.tuimg span {
	font-size: 39px;
	font-weight: bold;
	color: #7d3d21;
	margin-top: 25px;
	margin-bottom: 10px;
	display: block;

}

.zhong {
	display: flex;
	height: 40px;
	margin-top: 42px;
	width: 350px;
}

.zhong button {
	width: 60px;
	height: 30px;
	color: white;
	border: #7d3d21 1px solid;
	border-radius: 8px 0px 0px 8px;
	background-color: #7d3d21;
}

.zhong input {
	width: 270px;
	height: 26px;
	display: block;
	border: #7d3d21 2px solid;
	margin-bottom: 5px;
	outline: none;
	border-radius: 0px 20px 20px 0px;
}

.right-box {
	width: 300px;

	line-height: 22px;
	height: 22px;
	font-size: 10px;
	display: flex;
	color: #905a42;
	font-weight: 700;
	justify-content: space-between;
	margin-top: 50px;
}

.right-box-right {

	width: 33%;
	display: flex;
}

.right-box-right span {
	display: block;
	margin-left: 10px;
}


.dengtanchu {
	background-color: white;
	height: 400px;
	width: 100%;
	z-index: 999;
	position: absolute;
}


/* 弹出层默认样式 */
.Popup {
	width: 100%;
	height: 600px;
	background: white;
	position: fixed;
	top: -600px;
	z-index: 11000;
	transition: all 0.25s linear;
}

.Popups {
	width: 100%;
	height: 600px;
	background: white;
	position: fixed;
	top: -600px;
	z-index: 11000;
	transition: all 0.25s linear;
}

.Popups {
	display: none;
}


/* 点击按钮是将盒子 bottom 值归零即可实现弹出效果,
			同理，如需更改弹出方向只需将bottom改成top、left、right即可
			(默认样式的方向也需一起更改哦) */
.openActive {
	top: 0px !important;
}


.daoh {
	margin: 30px 0px 0px 30px;
	height: 40px;
	border-bottom: #7d3d21 1px solid;
}

.daoh a {
	text-decoration: none;
	color: #82472e;
	font-size: 25px;
	font-weight: 600;
}

.tiantop {
	display: flex;
	box-sizing: border-box;
	padding: 25px;
	justify-content: space-between;
	height: 85px;
}

.tuimgg {
	display: flex;
	margin: 0 auto;
	box-sizing: border-box;
}

.tuimgg img {
	width: 60px;
	height: 50px;
}

.tuimgg span {
	font-size: 30px;
	font-weight: bold;
	color: #7d3d21;
	margin-top: 11px;
	margin-bottom: 10px;
	display: block;

}

.from {

	width: 700px;
	margin: 0 auto;
	height: 400px;

	display: flex;
	justify-content: space-between;
}

.zuo-from {
	width: 42%;
	box-sizing: border-box;
	height: auto;

}

.denglu {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 40px;
}

.phonp {
	display: flex;
	padding-bottom: 2px;
	border-bottom: #7d3d21 1px solid;
	margin-bottom: 30px;
}

.phonp span {
	color: #7d3d21;
	font-size: 17px;
	font-weight: 600;
}

.phonp input {
	border: none;
	outline: none;
}

.phonp select {
	border: none;
	outline: none;
}

.wang {
	margin-top: -20px;
	font-size: 12px;
	margin-bottom: 15px;
}

.wang a {
	color: black;
	text-decoration: none;
}

.danxuan {
	display: flex;
}


.danxuan span {
	display: block;
	font-size: 12px;
	margin-left: 3px;
}

.sutter {
	border: black 1px solid;
	margin-top: 30px;
	background-color: white;
	width: 150px;
	height: 30px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

.you-from {
	width: 48%;
	height: 300px;

}

.lie {
	margin-left: 20px;
	font-weight: 700;
	font-size: 12px;
	line-height: 27px;
}

.suter {
	border: black 1px solid;
	margin-top: 40px;
	color: white;
	background-color: black;
	width: 150px;
	height: 30px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

.hui {
	float: left;
	height: 90px;
	width: 329px;
	background-color: #f8f8f8;
}

.tiantopp {
	float: right;
	width: 66%;
	display: flex;
	box-sizing: border-box;
	padding: 25px;
	height: 85px;
}



.dier {
	border-top: 2px saddlebrown solid;
	width: 100%;
	margin-top: 90px;

}

.tuimggg {
	display: flex;
	width: 95%;
	padding-left: 23%;
	box-sizing: border-box;
}

.tuimggg img {
	width: 60px;
	height: 50px;
}

.tuimggg span {
	font-size: 30px;
	font-weight: bold;
	color: #7d3d21;
	margin-top: 11px;
	margin-bottom: 10px;
	display: block;

}

.shou {
	width: 700px;
	height: 84.7%;

	display: flex;
}

.lift-zuo {
	height: 100%;
	width: 329px;
	background-color: #f8f8f8;
	padding: 30px 20px 0px 20px;
	box-sizing: border-box;
}

.lift-you {
	padding-top: 20px;
	box-sizing: border-box;
	margin-left: 40px;
}

.dengl {
	margin-top: 15px;
	height: 30px;
	background-color: #f8f8f8;
	line-height: 30px;
	width: 240px;
	display: block;
}

.dengll {
	margin-top: 15px;
	height: 30px;
	color: white;
	background-color: black;
	line-height: 30px;
	width: 180px;
	display: block;
}

.zuob {
	margin-left: 200px;
}

.box-nav {
	margin-top: 10px;
	width: 100%;
	background: #7d3d21;
	height: 48px;
	padding-top: 10px;
	box-sizing: border-box;
}

.nav {
	width: 70%;
	margin: 0 auto;
	height: auto
}

.we {
	display: none;
}

.p {
	border-bottom: white 3px solid;
}

.nav ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
}

.nav ul li {
	height: 35px;
	width: 100px;
	text-align: center;
}

.nav ul li:hover {
	border-bottom: white 3px solid;
}

.nav ul li a {
	color: white;
	text-decoration: none;
	font-size: 20px;
	font-weight: 400;
}

.foot {

	height: 300px;
	display: flex;
}

.foot1 {
	width: 40%;
	box-sizing: border-box;
	background-color: aliceblue;
	padding: 41px;
	display: flex;
}

.zuo {
	width: 50%;
	height: 200px;

}

.zuo span {
	width: 120px;
	color: white;
	display: block;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border: #b48d54 1px solid;
	border-radius: 20px;
	background: #b48d54;
	display: flex;
	justify-content: space-around;

	box-sizing: border-box;
}

.zuo p {
	font-size: 13px;
	line-height: 40px;
}

.you {
	margin-left: 45px;
}

.you img {
	width: 130px;
	height: 130px;
}

.you span {
	text-align: center;
	display: block;
	color: grey;
}

.foot2 {
	width: 60%;
	box-sizing: border-box;
	padding: 40px;
	background-color: gray;
}

.san {
	display: flex;
	justify-content: space-between;
}

.san input {
	padding: 10px;
	box-sizing: border-box;
	width: 30%;
	height: 45px;
	line-height: 45px;
	border: none;
	outline: none;

}

textarea {
	padding-left: 4px;
	width: 100%;
	height: 95px;
	margin-top: 30px;
	border: none;
	outline: none;
	padding-top: 10px;
	box-sizing: border-box;
}

.foot2 button {
	width: 25%;
	height: 35px;
	background-color: #b28c5b;
	margin-top: 15px;
	color: white;
	border: 0;
}

.footss {
	display: none;
}

@media screen and (max-width: 1024px) {
	.zhong {
		display: none;
	}

	.right-box-right {
		display: none;
	}

	.right-box {
		display: none;
	}

	.head {
		background-color: #7d3d21;
	}

	.header {
		width: 90%;
		margin: 0 auto;
		height: auto;
		box-sizing: border-box;

		display: flex;
		justify-content: space-between;
	}

	.tuimg img {
		display: none;
		width: 50px;
		height: 50px;
		margin-top: 23px;
		margin-right: 10px;
	}

	.tuimg {
		margin: 0 auto;
	}



	.tuimg span {
		color: white;
	}

	.box-nav {
		display: none;
	}

	.noe {
		display: block;
		padding-top: 30px;
	}

	.Popup {
		display: none;
	}

	.Popups {
		display: block;
	}

	.foot {
		display: none;
	}

	.we {
		display: block !important;
		width: 100px;
		height: 80px;
	}

	.footss {

		width: 100%;
		background-color: #7d3d21;
		box-sizing: border-box;
		height: 320px;
		padding: 30px 30px 0px 30px;
		display: block;
	}

	.foots {

		display: flex;
	}

	.foots-zuo {
		width: 20%;
		height: 230px;

	}

	.span1 {
		width: 100%;
		color: white;
		display: block;
		text-align: center;
		height: 30px;
		line-height: 30px;
		border: #b48d54 1px solid;
		border-radius: 10px;
		background: #b48d54;
		display: flex;
		justify-content: space-around;
		box-sizing: border-box;
	}



	.yoo-item {
		margin-top: 20px;
		width: 100 %;
	}

	.yoo-item img {
		width: 100%;
		height: 150px;
		object-fit: contain;
	}

	.yoo-item-zi {
		text-align: center;
		display: block;
		color: white;
	}

	.foots-zhong {
		width: 30%;
		margin-left: 20px;
		height: 230px;

	}

	.foots-you {
		width: 50%;
		height: 230px;

		margin-left: 5px;

	}



	.foots-zhong input {
		padding: 10px;
		margin-top: 22px;
		display: block;
		box-sizing: border-box;
		width: 100%;
		height: 50px;
		line-height: 45px;
		border: none;
		outline: none;
	}

	.foots-zhong input:first-child {
		margin-top: 0px;
	}

	.duoshu {
		padding-left: 6px;
		margin-top: 0px;
		height: 120px;
	}

	.foots-you button {
		width: 50%;
		margin-left: 25%;
		background-color: #b28c5b;
		height: 40px;
		color: white;
		line-height: 40px;
		margin-top: 25px;
		border: none;
	}

	.ziti {
		display: flex;
		justify-content: space-between;
		margin-top: 10px;
		color: #ffff;
	}
}
